<template>
  <div>
    <top-nav title="个人中心" to="/message"
             html="<img style='width:.9rem;height:1.1rem;' src='/static/img/my91/lingdang.png'>"></top-nav>

    <section>
      <div id="con1">
        <div class="con11">
          <a href="/account/userinfo.html">
            <img src=""  class="br-half"/>
            <span>${result.userAccount}</span>
          </a>
        </div>
        <div class="con12" onclick="aBack('/waitFlow.html')">
          <p class="p11">总资产(元)</p>
          <p class="p12">￥${result.totalMoney}</p>
        </div>
        <div class="con13">
          <div class="con130">
            <p class="p13">账户余额(元)</p>
            <p class="p14">￥${result.availableMoney}</p>
          </div>
          <div class="con130">
            <p class="p13">累计收益(元)</p>
            <p class="p14">￥${result.totalProfit}</p>
          </div>
          <div class="con130">
            <p class="p13">冻结资金(元)</p>
            <p class="p14">￥${result.unavailableMoney}</p>
          </div>
        </div>

      </div>

      <div class="quick-show2">
        <a href="/account/tixian.html">提现</a>
        <a href="/account/chongzhi.html" style="border-left:1px solid #f5bdbf">充值</a>
      </div>

      <div class="auto-cont" id="person-cont">
        <a href="/account/userinfo.html">
          <img src="/static/img/user/user-info.png" class="img1">
          <div>我的账户</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/myRedpackPage.html">
          <img src="/static/img/user/ico-redp.png" class="img1">
          <div>我的红包</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/ratePlus.html">
          <img src="/static/img/user/ratePlus.png" class="img1">
          <div>我的加息券</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/account/zijinmingxi.html">
          <img src="/static/img/user/moneyflow.png" class="img1">
          <div>资金明细</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/account/yinhangka.html">
          <img src="/static/img/user/bankcard.png" class="img1">
          <div>我的银行卡</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/loanIndex.html">
          <img src="/static/img/user/tenderflow.png" class="img1">
          <div>预约借贷</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/huoqi/touzijilu.html">
          <img src="/static/img/user/tenderflow.png" class="img1">
          <div>活期投资记录</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/dingqi/touzijilu.html">
          <img src="/static/img/user/tenderflow.png" class="img1">
          <div>定期投资记录</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <hr/>
        <a href="/account/share.html" id="wxShare">
          <img src="/static/img/user/invest.png" class="img1">
          <div id="share-btn">邀请好友</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="/content/aboutus.html">
          <img src="/static/img/user/aboutus.png" class="img1">
          <div>关于我们</div>
          <img src="/static/img/my91/more.png" class="img2">
        </a>
        <a href="javascript:void(0);">
          <img src="/static/img/user/user-phone.png" class="img1">
          <div>客服电话</div>
          <p class="mag-lf20"><b>400-880-8811</b></p>
        </a>
      </div>
    </section>

    <nav-bar>
      <nav-bar-item path="#/home" name="首页" img="wylc1.png"></nav-bar-item>
      <nav-bar-item path="#/circle" name="朋友圈" img="logo-friends.png"></nav-bar-item>
      <nav-bar-item path="#/user/center" name="我的91" img="wode912.png"></nav-bar-item>
    </nav-bar>
  </div>
</template>

<script>
  import TopNav from '@/components/TopNav'
  import NavBar from '@/components/NavBar'
  import NavBarItem from '@/components/NavBarItem'
  export default {
    name: 'userCenter',
    data () {
      return {}
    },
    components: {
      TopNav, NavBar, NavBarItem
    }
  }
</script>
